<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Forms</title>
</head>
<body>
    <h1>Формы</h1>
    <form>

        <div>
            <label for="idtext">Текст</label>
            <input type="text" id="idtext" value="Текст по умолчанию" readonly>
        </div>

        <div>
            <label for="idemail">e-mail</label>
            <input type="email" id="idemail" placeholder="e-mail" >
        </div>

        <div>
            <label for="idpass">Пароль</label>
            <input type="password" id="idpass">
        </div>

        <div>
            <label for="idnum">Число</label>
            <input type="number" id="idnum" min="0">
        </div>

        <div>

            <label for="idran">Число 0</label>
            <input type="range" id="idran" min="0" max="10" step="1">
            10
        </div>

        <div>
            <label for="iddate">Дата</label>
            <input type="date" id="iddate">
        </div>

        <div>
            <label for="idcol">Цвет</label>
            <input type="color" id="idcol">
        </div>
        <br>
        <div>
            <label for="idmessage">Сообщение</label>
            <br>
            <textarea name="message" id="idmessage" cols="30" rows="10"></textarea>
        </div>

        <div>
            <label for="idselect">Селектор</label>
            <select name="" id="idselect">
                <option value="cat">Кошка</option>
                <option value="dog" selected>Собака</option>
                <option value="hitch">Ёжик</option>
            </select>
        </div>

        <div>
            <label>Селектор</label>
            <input type="radio" name="sel_">1
            <input type="radio" name="sel_">2
            <input type="radio" name="sel_">5
            <input type="radio" name="sel_">10+
        </div>

        <div>
            <label>CheckBox</label>
            <input type="checkbox" name="chbox_">Омлет
            <input type="checkbox" name="chbox_">Бекон
            <input type="checkbox" name="chbox_">Апельсиновый сок
            <input type="checkbox" name="chbox_">Булочка
        </div>

        <input type="submit" value="Отправить форму1">
        <button type="submit">Отправить форму2</button>

    </form>
</body>
</html>